<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SCG :: #{get 'title' /}</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/style.css'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="UTF-8"></script>
<script src="@{'/public/javascripts/dropmenu.js'}" type="text/javascript" charset="UTF-8"></script>
#{get 'moreScripts' /}
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
	var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
	var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
	var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onLoad="MM_preloadImages('@{'/public/images/sub_glo_1_02.png'}','@{'/public/images/sub_glo_2_02.png'}','@{'/public/images/sub_glo_3_02.png'}','@{'/public/images/sub_glo_4_02.png'}','@{'/public/images/sub_glo_5_02.png'}','@{'/public/images/sub_glo_6_02.png'}','@{'/public/images/main_btn1_02.png'}','@{'/public/images/main_btn2_02.png'}','@{'/public/images/main_btn3_02.png'}','@{'/public/images/main_btn4_02.png'}')">

<table width="1019" border="0" cellspacing="0" cellpadding="0">
<!-- 페이지 전체 레이아웃 테이블 시작 -->

<tr>
    <td width="1019" height="80" valign="bottom">
    


<table width="861" border="0" cellspacing="0" cellpadding="0">
<!-- 톱메뉴 테이블 시작 -->      
      
      <tr>
        <td width="19">&nbsp;</td>
        <td width="155"><a href="/"><img src="@{'/public/images/sub_logo.jpg'}" alt="" width="155" height="51"></a></td>
        <td width="154">&nbsp;</td>
        <td><a href="/about/intro.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','@{'/public/images/main_btn1_02.png'}',1)"><img src="@{'/public/images/main_btn1_01.png'}" alt="" name="Image2" width="110" height="50" border="0"></a>
			<ul> 
							<li><a href="/about/intro.html">Intro</a></li> 
							<li><a href="/about/vision.html">Vision</a></li> 
							<li><a href="/about/greeting.html">greeting</a></li>
							<li><a href="/about/organ.html">organ</a></li>
							<li><a href="/about/contact.html">map</a></li>
						</ul> 
			
        </td>
        <td><a href="/work/consult.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','@{'/public/images/main_btn2_02.png'}',1)"><img src="@{'/public/images/main_btn2_01.png'}" alt="" name="Image3" width="125" height="50" border="0"></a>
						<ul> 
							<li><a href="/work/consult.html">Consult</a></li> 
							<li><a href="/work/academy.html">academy</a></li> 
							<li><a href="/work/conference.html">conference</a></li>
							<li><a href="/work/proedu.html">pro-edu</a></li>
							<li><a href="/work/branch.html">branch</a></li>
							<li><a href="/work/sri.html">SRI</a></li>
						</ul> 
        </td>
        <td><a href="/probono/concept.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','@{'/public/images/main_btn3_02.png'}',1)"><img src="@{'/public/images/main_btn3_01.png'}" alt="" name="Image4" width="162" height="50" border="0"></a>
						<ul> 
							<li><a href="/probono/concept.html">pro-concept</a></li> 
							<li><a href="/probono/intro.html">pro-intro</a></li> 
							<li><a href="/probono/request.html">pro-request</a></li> 
						</ul> 
        </td>
        <td><a href="/board/notice/list.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','@{'/public/images/main_btn4_02.png'}',1)"><img src="@{'/public/images/main_btn4_01.png'}" alt="" name="Image5" width="165" height="50" border="0"></a>
						<ul> 
							<li><a href="/board/notice/list.html">Notice</a></li> 
							<li><a href="/board/press/list.html">Press</a></li> 
							<li><a href="/board/column/list.html">column</a></li> 
							<li><a href="/board/media/list.html">photo</a></li> 
						</ul> 
        </td>
      </tr>


<!-- 톱메뉴 테이블 끝 --> 
</table>


</td>
  </tr>
  <tr>
    <td>
    
	#{doLayout/}    
    
    </td>
  </tr>
  <tr>
    <td>
    
    
<table width="1010" border="0" cellspacing="0" cellpadding="0">
 <!-- 풋터 테이블 시작-->    
      <tr>
        <td width="20"></td>
        <td height="12" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
        <td height="12" colspan="2" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
        <td height="12" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
        <td width="648"></td>
        <td width="28"></td>
        <td width="28"></td>
        <td width="31"></td>
      </tr>
      <tr>
        <td width="20" rowspan="3"><table width="19" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="19"><img src="@{'/public/images/sapce1.png'}" alt="" width="20" height="57"></td>
          </tr>
          <tr>
            <td background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
          </tr>
          <tr>
            <td><img src="@{'/public/images/sapce2.png'}" alt="" width="20" height="43"></td>
          </tr>
        </table></td>
        <td width="12" rowspan="3" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
        <td width="114"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','@{'/public/images/sub_glo_1_02.png'}',1)"><img src="@{'/public/images/sub_glo_1_01.png'}" alt="" name="Image24" width="114" height="38" border="0"></a></td>
        <td width="114"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','@{'/public/images/sub_glo_2_02.png'}',1)"><img src="@{'/public/images/sub_glo_2_01.png'}" alt="" name="Image25" width="114" height="38" border="0"></a></td>
        <td width="12" rowspan="3" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
        <td colspan="4" rowspan="4"><table width="738" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="3"><img src="@{'/public/images/sapce1.png'}" alt="" width="20" height="57"></td>
          </tr>
          <tr>
            <td colspan="3" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12"></td>
          </tr>
          <tr>
            <td width="607"><img src="@{'/public/images/sub_footer.png'}" alt="" width="607" height="55" border="0" usemap="#Map" /></td>
            <td width="40"><a href="http://www.facebook.com/scgprobono" target="_blank"><img src="@{'/public/images/sub_facebook.png'}" alt="" width="40" height="50" /></a></td>
            <td width="91"><a href="http://www.twitter.com/SCGprobono" target="_blank"><img src="@{'/public/images/sub_twit.png'}" alt="" width="40" height="50" /></a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','@{'/public/images/sub_glo_3_02.png'}',1)"><img src="@{'/public/images/sub_glo_3_01.png'}" alt="" name="Image27" width="114" height="36" border="0"></a></td>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','@{'/public/images/sub_glo_4_02.png'}',1)"><img src="@{'/public/images/sub_glo_4_01.png'}" alt="" name="Image28" width="114" height="36" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','@{'/public/images/sub_glo_5_02.png'}',1)"><img src="@{'/public/images/sub_glo_5_01.png'}" alt="" name="Image29" width="114" height="38" border="0"></a></td>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','@{'/public/images/sub_glo_6_02.png'}',1)"><img src="@{'/public/images/sub_glo_6_01.png'}" alt="" name="Image30" width="114" height="38" border="0"></a></td>
      </tr>
      <tr>
        <td width="20"></td>
        <td height="12" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
        <td height="12" colspan="2" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
        <td height="12" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
      </tr>

 <!-- 풋터 테이블 시작--> 
</table>
    
    </td>
  </tr>
  
  
 <!-- 페이지 전체 레이아웃 테이블 시작 --> 
</table>

<map name="Map">
  <area shape="rect" coords="363,36,438,70" href="#">
  <!-- 담당자 이메일 링크해야합니다-->
</map>

*{
    	<div id="wrap">
		<!-- header -->
		<div id="header">
			<div class="gnb" style="text-align: right; width: 100%; height: 22px;">
				%{
					if(session.username != null){
				}%
					${session.username} - <a href="/secure/logout">Logout</a>
				%{
					}else{
				}%	<a href="/secure/login">Login</a>	%{	}}% | 블로그
			</div>
			<div class="sta">
				<h1><a href="/"><img src="@{'/public/images/logo/logo.png'}" style="width: 250px; height: 80px;" alt="SCG" border="0px;"></a>
				</h1>
			</div>
			<div class="lnb">
			    <ul id="nav-one" class="dropmenu"> 
					<li> 
						<a href="/about/intro.html">About</a>
						<ul> 
							<li><a href="/about/intro.html">Intro</a></li> 
							<li><a href="/about/vision.html">Vision</a></li> 
							<li><a href="/about/greeting.html">greeting</a></li>
							<li><a href="/about/organ.html">organ</a></li>
							<li><a href="/about/contact.html">map</a></li>
						</ul> 
					</li> 
					<li> 
						<a href="/work/consult.html">Work</a> 
						<ul> 
							<li><a href="/work/consult.html">Consult</a></li> 
							<li><a href="/work/academy.html">academy</a></li> 
							<li><a href="/work/conference.html">conference</a></li>
							<li><a href="/work/proedu.html">pro-edu</a></li>
							<li><a href="/work/branch.html">branch</a></li>
							<li><a href="/work/sri.html">SRI</a></li>
						</ul> 
					</li> 
					<li> 
						<a href="/pro/concept.html">probono</a> 
						<ul> 
							<li><a href="/probono/concept.html">pro-concept</a></li> 
							<li><a href="/probono/intro.html">pro-intro</a></li> 
							<li><a href="/probono/request.html">pro-request</a></li> 
						</ul> 
					</li>  
					<li> 
						<a href="/board/notice">board</a> 
						<ul> 
							<li><a href="/board/notice/list.html">Notice</a></li> 
							<li><a href="/board/press/list">Press</a></li> 
							<li><a href="/board/column/list">column</a></li> 
							<li><a href="/board/media/list">photo</a></li> 
						</ul> 
					</li>
				</ul> 
				<!-- //UI Object -->
			</div>
		</div>
		<!-- //header -->
		<!-- Container -->
		<div id="container">
			<div class="menuClass" >
				.menuClass
			</div>
			<div id="content" >
				#{doLayout /}
			</div>
		</div>
		<!-- //Container -->
		<!-- footer -->
		<div id="footer">
			<ul>
			<li class="first"><a href="#" target="_blank" title="새창">풋터</a></li>
			<li><a href="#" target="_blank" title="새창">풋터</a></li>
			</ul>
			<address>
				<a href="#" target="_blank"  title="새창" class="logo"><img src="/logo_mini.gif" width="62" height="15" alt="logo"></a>
				<em>Copyright &copy;</em>
				<a href="#" target="_blank" title="새창">Social Consulting Group</a>
				<span>All Rights Reserved.</span>
			</address>
		</div>
		<!-- //footer -->
		</div>

}*
</body>
</html>
